<!--
    @auther: bypanghu<bypanghu@163.com>
    @date: 2024/5/8
!-->

<template>
  <div>
    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="ranking" label="排名" width="80" align="center" />
      <el-table-column prop="title" label="动态标题" show-overflow-tooltip>
        <template #default="{ row }">
          <a class="text-active" :href="row.link" target="_blank">{{
            row.title
          }}</a>
        </template>
      </el-table-column>
      <el-table-column prop="click_num" label="关注度" width="100" />
      <el-table-column prop="hot" label="热度值" width="100" />
    </el-table>
  </div>
</template>

<script setup>
  const tableData = [
    {
      ranking: 1,
      title: '腾讯混元 3D 生成大模型 2.0 开源发布：大幅升级，几何与纹理解耦，3D 生成更逼真',
      click_num: 523,
      hot: 263,
      link: 'https://www.baidu.com/'
    },
    {
      ranking: 2,
      title:
        '三维 CAD 软件 SOLIDWORKS 最新版本 10+ 新功能与 AI 相关：让设计师专注于设计',
      click_num: 416,
      hot: 223,
      link: 'https://www.baidu.com/'
    },
    {
      ranking: 3,
      title:
        '“像造汽车一样建房子”，中南建院与达索系统成立合资公司希望颠覆建筑业',
      click_num: 337,
      hot: 176,
      link: 'https://www.baidu.com/'
    },
    {
      ranking: 4,
      title:
        '凝结 15 个环节、40 个场景，工信部最新印发《智能制造典型场景参考指引》',
      click_num: 292,
      hot: 145,
      link: 'https://www.baidu.com/'
    },
    {
      ranking: 5,
      title: '工业重点行业转型指南发布，涉及设备更新和技术改造',
      click_num: 173,
      hot: 110,
      link: 'https://www.baidu.com/'
    }
  ]
</script>

<style scoped lang="scss"></style>
